<template>
  <div class="readmore-container">
    <van-nav-bar title="文字/字母展开收起"
                 left-arrow
                 @click-left="()=>$router.go(-1)" />
    <gwTextReadMore class="readmore-container-readmoretext"
                    :text="'文字是人类用符号记录表达信息以传之久远的方式和工具。gwTextReadMore现代文字大多是记录语言的工具。人类往往先有口头的语言后产生书面文字，很多小语种，有语言但没有文字。文字的不同体现了国家和民族的书面表达的方式和思维不同。gwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMore'"
                    :maxLength='2'
                    moreText="展开"
                    lessText="收起">
    </gwTextReadMore>
    <gwTextReadMore class="readmore-container-readmoretext"
                    :text="'gwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMore'"
                    :maxLength='2'
                    moreText="展开"
                    lessText="收起">
    </gwTextReadMore>
    <gwTextReadMore class="readmore-container-readmoretext"
                    :text="'gwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMoregwTextReadMore'"
                    :maxLength='30'
                    moreText="展开"
                    lessText="收起"
                    hideType="CHAR">
    </gwTextReadMore>
    <gwTextReadMore class="readmore-container-readmoretext"
                    :text="'43 percent of the people choose the eventthat HuangFurong who came from HongKong sacrificed his own life to save thestudents and teachers in ruins.24% support the electricity worker who died ofoverwork to restore the electricity supply owing to public service.20% are infavor of an old man who made a living by performing in the street in ShenZhenbut donated his money to the disaster area twice.13% choose the event that theschool at which nobody was injured in the earthquake resumed classes quicklyand was called the proudest one.'"
                    :maxLength='20'
                    moreText="展开"
                    lessText="收起"
                    hideType="WORD">
    </gwTextReadMore>
  </div>
</template>
<script>
import gwTextReadMore from "../components/gwTextReadMore.vue";
export default {
  name: "gwTextReadMoreView",
  components: {
    gwTextReadMore,
  },
};
</script>
<style lang="scss" scoped>
.readmore-container {
  // width: 100%;
  height: 100%;
  padding: 5px;
  &-readmoretext {
  }
}
</style>